// pages/hoteLlist/hotelList.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 综合排序
    sortByAll: true,
    // 销量排序
    sortBySale: false,
    // 数据库请求数组长度
    limit: [],
    // 分段查询的起始点
    skip: 0,
    // 0代表首次调用数据库数据
    num: 0,
    // 过滤值
    value: "",
    // 分类列表
    hotelListSort: [{
        title: "全部",
        name: "a",
        image: "http://picsum.photos/360/460?random=27"
      },
      {
        title: "面食粥点",
        name: "b",
        image: "http://picsum.photos/360/460?random=26"
      },
      {
        title: "简餐便当",
        name: "c",
        image: "http://picsum.photos/360/460?random=25"
      },
      {
        title: "汉堡披萨",
        name: "d",
        image: "http://picsum.photos/360/460?random=24"
      },
      {
        title: "香锅冒菜",
        name: "e",
        image: "http://picsum.photos/360/460?random=23"
      }
    ]
  },
  // 调取数据库数据
  getProduct(num) {
    let db = wx.cloud.database().collection('hotel_list')
      .where({
        // 在desc字段中过滤value值
        desc: wx.cloud.database().RegExp({
          regexp: this.data.value,
          options: 'i'
        })
      })
    if (this.data.sortBySale) {
      db = db.orderBy('sale', 'desc')
    }
    db.skip(this.data.skip).limit(6)
      .get()
      .then(res => {
        console.log('前skip:', this.data.skip)
        if (num == 0) {
          this.setData({
            productDetails: res.data,
            limit: res.data,
            skip: res.data.length
          })
        } else {
          this.setData({
            productDetails: this.data.productDetails.concat(res.data),
            limit: res.data,
            skip: this.data.productDetails.concat(res.data).length
          })
        }
        wx.hideLoading({
          success: (res) => {},
        })
        console.log('后skip:', this.data.skip)
        console.log('length:', this.data.productDetails.length)
        console.log('请求成功', res)
      })
      .catch(err => {
        wx.hideLoading({
          success: (res) => {},
        })
        console.log('请求失败', err)
      })
  },
  // 登录根据综合排序
  onLoad: function (options) {
    this.sortByAll()
  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if (this.data.limit.length < 6) {
      wx.showToast({
        title: '没有更多商品了',
        icon: 'none'
      })

    } else {
      wx.showLoading({
        title: '加载中'
      })
      this.getProduct(this.data.num)
    }

  },
  // 根据综合排序
  sortByAll() {
    this.setData({
      sortByAll: true,
      sortBySale: false,
      skip: 0,
      num: 0
    })
    this.getProduct(this.data.num)
    this.setData({
      num: 1
    })
  },
  // 根据销量排序
  sortBySale() {
    this.setData({
      sortByAll: false,
      sortBySale: true,
      skip: 0,
      num: 0
    })
    this.getProduct(this.data.num)
    this.setData({
      num: 1
    })
  },
  // 进入餐馆详情
  goToDetail(e) {
    wx.navigateTo({
      url: '../hotelDetail/hotelDetail?id=' + e.currentTarget.dataset.id+"&desc="+e.currentTarget.dataset.desc,
    })
  },
  clikTab(e) {
    this.setData({
      value: e.detail.title == "全部" ? "" : e.detail.title,
      sortByAll: true,
      sortBySale: false
    })
    this.sortByAll()
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})